.popIn {
	animation: popIn 1s 0.5s ease forwards;
	-webkit-animation: popIn 1s 0.5s ease forwards;
}

@keyframes popIn {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0);
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(1.08, 1.08, 1.08);
		transform: scale3d(1.08, 1.08, 1.08);
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes popIn {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0);
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(1.08, 1.08, 1.08);
		transform: scale3d(1.08, 1.08, 1.08);
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.slideDownRetourn {
	animation: slideDownRetourn 1s 0.5s ease forwards;
	-webkit-animation: slideDownRetourn 1s 0.5s ease forwards;
}

@-webkit-keyframes slideDownRetourn {
	0% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(100%);
	}

	100% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(0%);
	}
}

@keyframes slideDownRetourn {
	0% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(100%);
	}

	100% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(0%);
	}
}

.slideUpRetourn {
	animation: slideUpRetourn 1s 0.5s ease forwards;
	-webkit-animation: slideUpRetourn 1s 0.5s ease forwards;
}

@-webkit-keyframes slideUpRetourn {
	0% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(-100%);
	}

	100% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(0%);
	}
}

@keyframes slideUpRetourn {
	0% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(-100%);
	}

	100% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(0%);
	}
}

.popOut {
	-webkit-animation-name: popOut;
	animation-name: popOut;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.swing {
	animation: swing 4s 0.5s ease infinite;
	-webkit-animation: swing 4s 0.5s ease infinite;
}

@keyframes swing {

	0%,
	100% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -0.2rem, 0);
		-webkit-transform: translate3d(0, -0.2rem, 0);
	}

}

@-webkit-keyframes swing {

	0%,
	100% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -0.2rem, 0);
		-webkit-transform: translate3d(0, -0.2rem, 0);
	}
}

.moveAni {
	animation: moveAni 1s 0.5s ease infinite;
	-webkit-animation: moveAni 1s 0.5s ease infinite;
}

@keyframes moveAni {

	0%,
	40%,
	80%,
	100% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	20%,
	60% {
		transform: translate3d(0.2rem, -0.2rem, 0);
		-webkit-transform: translate3d(0.2rem, -0.2rem, 0);
	}

}

@-webkit-keyframes moveAni {

	0%,
	40%,
	80%,
	100% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	20%,
	60% {
		transform: translate3d(0.2rem, -0.2rem, 0);
		-webkit-transform: translate3d(0.2rem, -0.2rem, 0);
	}
}
